import { Component } from '@angular/core';

import { HEROES } from './hero';

@Component({
  selector: 'hero-parent',
  template: `
    <h2>{{master}} controls {{heroes.length}} heroes,我有{{super}} </h2>
    <hero-child *ngFor="let hero of heroes"
      [hero]="hero" 
      [superBaby]="super"
      [receive]="master"
      [country]="'中国'"
      [age]="'999'">
    </hero-child>
  `
  /**
   *  [receive]="master"  这里 receive 就是传递给子组件的参数名称，可以任意取名
   *  [country]="'中国'"  这个也是传给子组件的参数，注意后面 是 双引号 内套 单引号
   */
})

export class HeroParentComponent {
  heroes = HEROES;
  master: string = '传功长老';
  super : string = '超能力';
}